Първи стъпки в програмирането 



5оГШт 

Роипйайоп 



СофтУни 

трейнърски екип 

Софтуерен университет 
НЦр://$оКит.Ьк 


Да напишем първата си програма 

с ^уаЗспр!: и \Лзиа1 51исПо 





Съдържание 



5оН11ш 

Роипс1айоп 


1. Какво означава да програмираме? 

2. Първа програмка с ^уа$спр1 и \Лзиа1 
51ис1ю 

3. Да направим конзолна програма 

■ Създаване на конзолна програма 

■ Стартиране на програмата 

■ Тестване в ,|'ис1§е системата 

4. Да напишем уеб приложение 



2 


5оЛ11т 

V/ Роипсюйоп 




М|[_1- и и > \ _[_ _г 



Какво означава 
"да програмираме"? 


Какво означава "програмиране"? 


5оЛ11ш 

V/ Роипсюйоп 


■ Да даваме команди на компютъра - да "комуникираме" 
■ Командите се подреждат една след друга 
■Така те образуват "компютърна програма" 

■ Компютърната програма е поредица от команди 
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5оЛ11ш 

V/ Роипсюйоп 


Как комуникираме? 
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Начин на комуникация 


5оГШт 

V/ Роипс1а&‘оп 



Добрьш день! 


Добър ден! 


руски 


словашки 


български 


чешки 


Начин на комуникация (2) 


5оЛ11ш 

V/ Роипсюйоп 



-N 

Сос1 с1а§! 

_ _ / 


Си1:еп Та§! 


шведски 



Сос1 с1а§! 


Сос1 с1а§! 


норвежки 


немски 


датски 
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Начин на комуникация (3) 



с# 


5оЛ11т 

V/ Роипс1а&‘оп 



РНР 
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Начин на комуникация (4) 





5оЛ11т 

V/ Роипс1а&‘оп 



^аЗспр* 
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Програмиране 


5оЛ11ш 

V/ Роипсюйоп 


■ Програмите се пишат на език за програмиране 

■ Например С#, ^а, ^уа5спр1, Ру1Ноп, РНР, С, С++,... 

■ Използва се среда за програмиране (например 
\/|$иа1 5Шс1ю) 
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5оЛ11ш 

V/ Роипсюйоп 


Демонстрация на живо 


11 



Примерна изпитна задача 


5оЛ11ш 

V/ Роипсюйоп 


■ Напишете програма, която въвежда число N (1 < N < 100) и 
печата коледна елха с размер N като в примерите по-долу: 



N = 4 


1 

* 

* 

** 

** 

*** 

*** 




N = 

3 

* 

1 

1 * 

** 

| ** 

*** 

| *** 


N = 5 



* 

1 

1 

* 

** 

1 

** 

*** 

1 

*** 


1 


аТа аТа аТа аТа а^а 

1 

аД^а аТа аД^а аД^а 



Пращане на решения: НЦр$://|ис1ее.5о1 : Шт.Ьй/Соп1:е51:5/Ргас1:1се/1пс1ех/155#6 
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Примерна изпитна задача - решение рЯЙ&оп 


■РипсПоп сЬгл.51та5Тгее([аг§1]) { 

161 п = МитЬег(аг§1); 

■Рог (уаг 1 = 0; 1 < п+1; 1++) { 
соп5о1е.1о§(" ".гереа^Сп-л.) + 

"*".гереа1:(л.) + 

" | " + 

"* И .гереа±(1) + 

" ".гереа^Сп-л.)); 

> 

> V 

- </> 

3 $ 
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Ш Б-е1ес1: С:\Ргодгат Н1е&\пос1е]Дпос1е.ехе — □ X 


ОеЬи§§ег Н5±еп1п§ оп [::]:5858 
Не11о, Зауа5сп1р1:1 


5оН11ш 

Роипс1а<поп 


Да направим конзолна програмка 




Среда за разработка ^ 

■ За да програмирате, ви трябва среда за разработка 

■ 1п1е§га1ес1 ^еVеIортеп^: Егл/ 1 гопплеп 1 : (ЮЕ) 

■ За ^а5спр1: -> 

■ \/15иа1 51исИо 

■ \Л$иа1 51исИо Сос1е 

■ \Л/еЬ51огт 

■ За С# 

■ \Л$иа1 51исИо за \Л/тс1о\л/$ 

■ Мопо^еVеIор за Упих/ Мах 05 X 

■ за ^а -> 1п1:е11у] 1с1еа 

■ за РНР РНР 5*огт 


$оГШш 

Гоипс1айоп 
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Среда за разработка 


5оЛ11ш 

V/ Роипсюйоп 


■ Инсталирайте си МкгозоИ \/|$иа1 51исНо СоттипИу 2017 с 
допълнителен компонент за 1Чос1е.]5 сюуеюртеп* 

■ ЬЦр5://\л/\л/\л/.у|5иа15^исМо.сот/у5/соттипИу/ 

■ Инсталирайте 1\юс1е.]5 

■ ЬИр5://пос1е|5.оге/еп/с1о\л/п1оас1/ 

■ Алтернативна среда за разработка (опИпе) 

■ ^уаЗспр* - може директно в конзолата на браузъра 

■ С# - .МЕТ Р1с1с11е - ЬЦр$://с1о1пе{Яс1с11е.пе1:/ 

■ ]ауа - ЬЦр5://\л/\л/\л/.сотрПе|ауа.пе1:/ 
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Среда за разработка ^ РбЛЖноп 

■ Инсталиране на \/|$иа1 51исПо СоттипИу 2017 и избиране на 
необходимите компоненти 


1п$*а1Нпд — Укиа! БюсПо СоттипИу 2017— 15.1 (26403.7) 

Могкюасю 1пс1тс1иа1 сотропеп*5 Ьапдиаде раск5 


УУтсюуУЗ (3) 


11туег$а1 \ЛЛпсют Р1а1югт Неуеюртепг 

Сгеаю аррНсайопз юг юе 11туег$а1 \№псют$ Р1а*югт уу|1Ь С#, 
\/В, .(ауаБслр*, ог орйопаИу С++. 



Резкгор сюуеюртепг \лд*Ь С+ + 

ВиНс! с1а$$к \Л/тсю\л/$-Ьа5ес1 аррНса1юп$ и$тд юе ро\уег юе 
\Л$иа1 С++ 1оо1$е! ( АТЦ апс! ор*юпа1 юа*иге$ Пке МРС агю... 


Г^ЕТ сюзкгор сюуеюртеп* 

ВиНс! \Л/РР. \ЛПпсюш$ Рогтз апд соп5о1е аррПсайопз и$тд юе 
.МЕТ Ргате\люгк. 



X 

Биттагу 

^ 1\1ос^5 с1еуеюртеп1: 

1псюс1ес1 

V Гюс1е.)5 зиррог* 

V .1ауа5спр1 апс! ТуреБспр* 1апдиаде... I 

V юуаБспр* сПадпозйсз 

Оргюпа! 

И Си юг \Мпсю\л/5 
И Соппесйуку апс! риЬПБНтд юок 
И РгоЯПпд 1оо1$ 

□ Реуеюрег Апа1уйс5 1оо1з 
] \Лзиа1 Бйюю С++ соге юа^игез 
[~~1 \/С++ 2017 VI41 юо1$е1: (х86,х64) 

о Ву сопгтитд, уои адгее го гЬе Псепзе юг гЬе 
У|зиа1 БгисПо есПгюп уои зе1есге<± Ме а1зо о^ег гЬе 
аЬнНгу 1о сю\л/п1оас1 огИег зоюуаге \л/1гЬ У1зиа1 
БгисНо. ТМз зоюуаге 1 $ Псепзес! зерагаге1у, аз зег 
оиг ю гЬе Зю Раггу 1\1ог1сез ог т кз ассотрапуюд 
Исепзе. Ву сопгтитд, уои а1зо адгее го гНозе 
Исепзез. 

1п5ю11 Бке: — МВ 
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Създаване на конзолна програма 

■ Стартирайте \/|$иа1 $1исПо 

■ Нов файл- РПе]-> [Ие\л/]-> [Рго]ес1:...] (С1Г1+5МЛ+М) 



51:а|1 Раде - Мкго&о^ Укиа! 5*иж1ю 



РПе 

ЕсГгЬ ’У'|е№ Ргодес1; ОеЬид 

Теат 

Тоок 


Мелг 


► 1 


Ореп 


► * 

© 

51:аг1 Раде 




С1о5е 



□ 

С1о5е 5о1и4юп 



и 

5ауе 5е1ес±ес^ кегта 

С1гк5 



:&ауе5е1ес1:е^ И:ет5Аь... 



иР 

5ауе АП 

С1:г1+5НгР1: 

+5 31 


5оигсе Соп1го1 


► 

В 

Раде 5йир.«. 



В 

Рпп!.., 

Ассоип1: ^еШпд^,.. 

ОткР 

г с 


ГСесеп* РПе* 


► 


ГСесей Рго]ес±5 ап^ 5о1и1:1оп5 


► 

□ 

БЙ 

М+Р4 

1 


То •р Ошск 1_аипсН [С1:г1 + 0] 


Ойри* 

сют □ и1:р и! 1то т: 0 еЬ и д 


Й Рго]ес1:.,, 

& УУеЬЗгЬе... 

Ъ РМе... 

Рго]ес± Ргот Ьпйтд Со^е... 


С1Й+5НШ:+N 
5Н гРЬ-н А11:+ N 
С^г1+1М 


Ореп 


Се! со^е^гот а гегпоЪе уегеюп 
соп1:го1 5у51:ет ог ореп 
яотйНтд оп уоиг 1оса1 ^пуе. 

СНескои!: Ргот: 

О У|Еиа1 Йи^ю Теат !*еплсе5 

в Ореп Рго)ес1:/5к>1и1:юп 
Й Ореп Ро1^ег 
Ореп ШеЬкгЬе 

► 

^ X 


Р _ П X 

51дп т 0 


5=о1и1:10п Ехр1огег 


Боюйоп Енрюгег Теат Ехр1огег 


Кеа^у 


5оН11ш 

Гоипс1айоп 
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Писане на програмен код ро^сГ^оп 

■ Сорс кодът на програма 
се пише във функция 
Не11о() 

■ Между отварящата и 
затварящата скоба { } 

■ Натиснете [ЕпТег] след 
отварящата скоба 

■ Кодът на програмата се 
пише отместен навътре 






























Писане на програмен код (2) 


5оЛ11ш 

V/ Роипсюйоп 


■ Напишете следния код: 


сопзо1е. 1о§("Не11о, Бо-РШп!!"); 


Пг51:-Йер5-1п-Со(Лпд - Мкго&о^У|5иа1 ^исНо 


Ошск 1_аипсН [С1:г1+0) 


р _ 


ЕсЖ: VI вм Нгодес!: 


ДеЬид Теат Тоо1б ТеБ.1: Апа1уге Не1р 


0 - & Ц иР - ОеЬид - Апу СРи 


* © ИеМоО 

- ■рипс^л.оп Не11о{) { 

сопзо!е. 1о^(' | Не.11о 5о-РШп1") ; 


► 51а 1 ± * рв - ’-= 


//Са11 "ЬНе _ Рупс±1оп ±о ехеси!е сос!е 1П51с1е 
Ие11о( ) 


5о1и1=10п Ехр1огег т ^ X 

ЙЙ- т © *% " 

5еагсН 5о1и1:юп Ехр1огег [С1г т 

И 5о1ийоп | Пгй-51ер5-1п-СонЛп 
а [5Ц НеИо-ЗоГШп! 

> прт 
ГГ а р р 0 в 
□Т раскаде^жп 
1 КЕАОМЕ.т^ 


5Нош ои^риНгот: Лауа5сг1р1:1_апдиаде 5егу|се 


^ № 


5о1и1:юп Ехр1огег Теат Ехр1огег 
Вгамкег Шпк РазНИоагй Т ^ X 


ТНеге аге по ДОеЬ ргсуесЬ 


1_еагп гпоге аЬои! Бгоиизег 1_т 


Веас1у 


1_пЗ 


СоМ 


СИ 1 


1145 


ф Ас1е 1 1о Зоугсе Соп1ю1 * 
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Стартиране на програмата ^ роип^оп 

■ За стартиране на програмата натиснете [Р5] 

■ Ако няма грешки, програмата ще се изпълни 

■ Резултатът ще се изпише на конзолата (в черния прозорец): 
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5оЛ11ш 

V/ Роипсюйоп 


Тестване на програмата в }и6%е 

■ Тествайте кода си в онлайн ]ис1§е системата: 


■ ЬЦр5://|ис1ее.5о1 : 1:ип1.Ье/Соп1:е51:5/150/Р|Г51:-$1:ер5-1п-СосПпе 


Рггй 51ерз т СосПпд - 5 X 


с § Бесиге | ННря^/]уйде.аоЛип1Ьд/Соп1е51Е/Ргас1:1се/1пс1ех/150#О 


01. НеМоС# 



БкеНтгЪ 16.00 КВ 
СЬескеп Ассер! ЕуегуНМгщ © 


5уЬгТ115510П5 

I. .02 

* н 


й 1 

Рйт45 

Тте ап^ тепгкиу иаес1 

5иЬгш55тп сДаЕе 

✓ 100/100 

Метогу: 11Л7МВ 

Тлте: 0.059$ 

15:13:38 29.03.2017 
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Типични грешки в ^а$спр1 програмите ^ 


■ Бъркане на малки и главни букви: 



■ Липсваща кавичка " или липсваща скоба ( или ) 


соп&о1е. 1ое( "Не11о Зауа5сгл_р1:} ; I !н сопзо1е. 1о@( "Не11о □ а\/аЬсп1р1:" ; 
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^егуег Ехрюгег Тоо1Ьох 


31 Пгй-Йерз-1 п-СекЛ п д - МкгозоК Укиа1 ЙькГю 
РПе ЕсШ; Рго^с! ВшМ РеЬид Теат Тоо1ь Т 

§ © - © I 0 - й И иР *9 - РеЬид * Апусри 


М <д1оЬа1> - © Не11о0 

1 □ -Рипс Поп 1пе11о{) { 

соп5о1е. 1о§( "Не11о Зауа5сгл-р!" ); 

3 Ь 

4 

5 // Са11 1:Ие -РипсПоп ехесцЬе 1сНе сойе 

1П51СЛе 

6 Ье11о(); 


Е С:\Ргодгат П1к\по ^ф\по^е.еке 


ЬеЬи§§ег Нз1;еп1п§ оп [::]:5858 
Не11о Зауа5сп1р1: 


В ^о1и1;10п 'Пгй-51ер5-1п-С 
л [Л] Не11о-.1аиа;5спр1: 

> прт 
ГГ арр.> 
оТ раскаде.^оп 
1 РЕАОМЕ.т^ 


112% - 

ОиЙЦНЙ : : : : : : : : : : : : : : : : : : : : : : : : : : : : х 

^Нсгм ои1ри1: кот: ^аVаIБсг^р1: Еапдиаде 5егуке 


1_п 5 


Со11 СИ 1 


1№ 


ЗоГийоп Ехрюгег Теат Ехр1ои 


^ Ас№1о5ои 





01 . НеПоС# 


■РипсПоп 1ле11о() { 

сог 5о1е . 1ое( " Не11о 3 ауа 5 с г 1р1:" } ; 

> 


А11отл/е<1 №огк|П8 1 : 1 те: 0.100 зее. 

А11ше<1 теппогу: 16.00 МЕ 

5120 ИпнЬ 16.00 КБ 

СЬескег Ассер1:Еуе1гу1:|-ип^© 

| 1ауа5спр1см$е(Г4сч1. * | 5иЬгт1 


5иЬтБ310ПЕ 


© 

► И 


Рб1П15 

"Пте аги! тепгюгу' иаес1 

5иЬт15510пс1а1е 

✓ 100/100 

Метогу: 11.17 МБ 

Т1те: 0.059 5 

15:13:38 29.03.2017 


5оН11ш 

Роипс1айоп 


Конзолни програмки с ^а 5 спр 1 

Упражнения в клас (лаб) 


















































5оЛ11т 

V/ Роипсюйоп 



Да направим уеб приложение 
















Конзолни и уеб 


■ Конзолните приложения 
четат входните си данни и 
отпечатват изхода си на 
текстова конзола 

■ Уеб приложенията 
ползват уеб-базиран 
потребителски интерфейс 

■ Работят през уеб 
браузър и уеб сървър 


•^2^- 5оЛ11п1 
V/ Гоипс1айоп 


ПК С :\Р го д га гп Р|1е§\пос1ф\п0^е.ехе 

ОеЬиддег ТтзИегппд оп [::]:5858 
5диаге = 25 


В - 

Бита^ог X 

□ X 

С 0 1 ! шилп 1 .^ а л. ч 

☆ : 

| Арр$ Рогчшскассе55, р1асе уоиг Ьооктагк5 Иеге оп 1Ие Ьооктаг1с5 Ьаг. 1трог* Ьооктагкх псл... | 

8ита1:ог 


[15 | + [9 | = [24 || Са1си1а(е | 





□ X 


л 
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Създаване на уеб приложение 




5оГШш 

Роипс1айоп 


(Чеш Рго]есР 


X 


1> ВесепР 

.МЕТ Ргатемюгк4.5 

- 

Е^ог1: Ьу: 

РеРаи1Р 

- 

■ ■ ■ 

■ — 

■ — 

ЕеагсН 1п5Ра11е(Летр1аР * 


^ 1п5Ра11е^ 

^ Тегп р I аРе^ 

Г 1 У\$иа\ С# 

[> У|5иа1 Ва51с 
[> У|Биа1 С + + 

У|Еиа1 Р# 

ЛауаЗспрР 
[> ТуреЕспрР 
| ^ ОРИ ег Р го] есР Тур е5 

У|5иа1 ЕРисЛо Ео1иРюп$ 

МоРРт^тд шНаРуои аге 1ооктд Рог? 
Ореп VI&иаI 5Рис1ю 1пйа11ег 

I ОпПпе 


В1апк Ео1иРюп 


У|5иа1 ЕРис^о Ео1иРюп5 


Туре: VI е и а I ЕРисНо Бо1и1;10пБ 

СгеаРе ап етр!у 5о1иРюп сопРаттд по 
рго]есРЕ 


Ма те: 
Ьосайоп: 
5о1иРтп пате: 


ЕитаРог 


С:\.Рго]есР5\Ргодгатттд Ва5К5 - ^аVа^сг^р1:\ 


ЕитаРог 


Вгошье... 


0 С геаРе сП гесРо гу Ро г 5 о I ир| о п 
]] СгеаРе пе^ Ой геро^Рогу 


ОК 


Сапсе! 
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Зегуег Ехр1огег Тоо1Ьох 


Създаване на действие: са1с() 


5оЛ11ш 

V/ Роипсюйоп 


^иппа^ог- МкгобоИ Униа! ^исНо 

Е^1 Рго]ес1: ВшШ ОеЬид Теат Тоок Тк* Апа1 уге \АДп^ош Не1р 

т ® ^ т] И и У т '* " ^ АйасН— » ^ _ 


Т" й*" 1 Ошск ЬаипсН [Ог1+С0 


■1 


<5рап>+</5рап> 

< х п р и± 1уре= г *питЬег Р| 1с1=: ,| пит2 11 /> 

<5рап>=</врап> 

<хпри± 1:уре= |Р питЬег Р| геас!оп1у= |Р реас1оп1у" х^= |Р 5ит |Р /> 

<1при1 1уре= |Р Ьи±±оп Р| опс11ск= Р| са1с () И уа1ие= ,р Са1си1а1:е И /> 

> _ 

<5СГ±р±> 

^ипсИоп са1с () { 

1е± пит1 = МитЬег(с1оситеп1: . §е1:Е1е1теп±Ву1с11 ( м пит1 Р| ) . уа!ие) 
1е± пит2 = МитЬег(с1оситеп1: . §е1:Е1етеп±Ву1с1 ( м пит2 Р| ) .уа1ие ); 
сюситеггЬ . §е±Е1етеп^Ву1с1 ( "Бит" ) .уа1ие = пит1 + пит2‘ 

} 

< /5Сг1р±> 


р - 


АМ^а Теп 10 /а т Еь 


5о1ийоп Ехрюгег т ^ X 

ДЙ-1 © - Ъ " 

5еагсН 5о1ийоп Ехрюгег (С1г1 Р т 

5о1ийоп ‘Зита^ог 1 [0 рго^есЬ] 
5о1ийоп Негш 
^ т^ек.Н&п! 


РгОО 611105 


Еггог 


Кеа^у 


1_п 25 


Со« 8 


СКЗ 


11М5 


I 4 А<^с11:о Зоугсе Соп1ю1 * 
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Стартиране на уеб приложението 

■ Стартираме уеб приложението с [С1г1+5МЛчЛЛ/] 

■ Тестваме в уеб браузъра с различни числа 



8ита(ог 



5оН11ш 

Роипс1айоп 
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Бегуег Ехрюгег Тоо1Ьох 


тс!ех.Н1т1 -е X 

1 < ЮОСТУРЕ 1 тЬт 1 > 


2 

3 

4 

5 

6 

7 

8 
9 

10 

11 


]<Ь1:т1 1ап§="еп" хт!п5=” Н1:1:р : //иплм.мЗ.оге/1999/хЬ1:п 
3<Неас1> 

<те1:а сНаг5е1:="и1:-Г-8" /> 

<*Ь 1 'Ь 1 е></'Ь 11 : 1 е> 

</Неас1> 

3<Ьос1у> 

</Ьос1у> 

</Н1:т1> 


122 % - 
Еггог ИЛ 0и1ри1 


[5 5ита1ог 


О © 


Ч ™ 


Арр5 Рог ршск ассе55, р!асе уоиг Ьооктагк* Неге оп 1Ье Ьооктагк5 Ьаг. 1трог1 Ьооктагк* пол... 


^ Ас1с11о Боигсе Соп1го1 ^ 4 л 



$ита(ог 




15 

+ 9 

= 24 

Са 1 си 1 а 1 е 


Изграждане на уеб приложение 

Упражнение в клас (лаб) 





















Какво научихме днес? ^ р^Аоп 

■ Програмиране означава да пишеш команди за компютъра 

■ Компютърна програма е поредица команди 

■ Използва се език за програмиране (например ^а5спр() + 
среда за разработка (например \/|$иа1 5(исПо) 

■ На ^а5спр{ командите се пишат във функции 

1ГЗ 

* 

■ Печатаме с сопзо1е. 1о§(...), стартираме с [Р5] 


■РипсПоп Не11о() { 

соп5о1е.1о§("Не11о"); 

> 
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Първи стъпки в 


Х55оГ1;шогв 


б^БтагНТ 

^0 ЧЛ 

‘«Л 

Я 4 А 

Въ пР осИ? 

!е1епог 


/ 50РТМАКЕ 

^ СРОУР 




БоГШш 

Роипс1айоп 


Е Т РЕ ДК 

5Е0 апс1 РРС юг Ви$те$$ 



зиРЕвнозт1мс:ве 


ТБ 


|М0ЕАУР 

5егу|пд 1: Ь е И I д И асМеуегз 




1МРКАС15Т1С5 

РЕВЮИ / ОЕЧЕЮР / ЕХРЕР1ЕИСЕ 


Иио5://5о1 : 1:ип1.Ье/соиг$е$/огоегатт1пе-Ьа$1С5у 



















Лиценз 


5оЛ11ш 

V/ Роипсюйоп 


■ Настоящият курс (слайдове, примери, видео, задачи и др.) 
се разпространяват под свободен лиценз " Сгеайуе Соттопз 
АНпЬи1:юп-МопСоттегаа1-5ЬагеАПке 4.0 1п1егпа1юпаГ 
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5оН11ш 

Ч/ РоипсюТюп 


Безплатни обучения в СофтУни 


■ Фондация "Софтуерен университет" - зо^ит.оге 

■ Софтуерен университет - качествено образование, 
професия и работа за софтуерни инженери 


■ зоКит.Ье 

■ СофтУни @ РасеЬоок 

■ {асеЬоокхот/5о! : 1:\л/агеЦтуег511:у 

■ СофтУни форуми - 1Ъгит.5оКит.Ь 



е 

ЗоЛууаге 

11шуег51(у 
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РОКУМ 




